<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
		</ul>
	</body>
</html>

<style type="text/css">
	* {
		margin: 0;
		padding: 0;
	}
	ul {
		margin: 10px auto;
		width: 600px;
		height: 100px;
		list-style: none;
		border: 1px solid #999;
		padding: 20px;
		background: #EFEFEF;
		/* 使用flex布局 */
		display: flex;
		
	}
	
	li {
		height: 50px;
		width: 100px;
		border: 1px solid green;
		line-height: 50px;
		text-align: center;
	}
	
</style>